<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>影院售票票影院界面</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="/styles/mall/index.css">
    <script src="/javascript/mall/index.js" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">

    <!-- 引入公共的第三方库 -->
    <link href="/libs/bootstrap-fonts/bootstrap-fonts.css" rel="stylesheet"/>
    <link href="/libs/bootstrap5/bootstrap.min.css" rel="stylesheet"/>
    <script type="text/javascript" src="/libs/bootstrap5/bootstrap.min.js"></script>

    <!-- 引入公共的样式表和JS -->
    <link href="/css/common/base.css" rel="stylesheet"/>
    <link href="/css/common/variable.css" rel="stylesheet"/>
    <link href="/css/common/ticket-common.css" rel="stylesheet"/>
    <script src="/js/common/ticket-common.js" type="text/javascript"></script>
</head>
<style type="text/css">
    body {
        background: #2E323B;
    }
</style>

<body>
<div th:replace="common/ticket-common::ticket-header"></div>
<div class="mall-body">
    <div class="goods-area">
        <a class="goods-item" th:each="cinema:${cinemaList}" th:href="${'/cinemaShow?cinemaId=' + cinema.cinemaId}">
            <img src="/images/yingyuan.jpg" class="goods-image"/>
            <div class="goods-info">
                <div class="goods-title-line">
                    <div th:text="${cinema.cinemaName}" class="goods-name"></div>
                </div>
                <div class="goods-place" th:text="'地址：' + ${cinema.address}"></div>
                <div class="belong-shop" th:text="'电话：' + ${cinema.phone}"></div>
            <br>
            </div>
        </a>
    </div>
</div>
</body>
</html>